.context{
    padding-top: 4rem;
    width: 100%;
    height: 100%;
    background-color: black;

}
.context>div{
    width: 80%;
    margin: 0 auto;
    background-color: inherit;
    overflow: auto;
}

.context div input{
    padding: 0 0 0 2rem;
    background-color: inherit;
    border: 1px solid white;
    color: white;
    height: 2rem;
}
.context div{
    position: relative;
}
.img{
    position: absolute;
    top: .4rem;
    left: .5rem;
    width: 1rem;
}
.tip{
    width: 80%;
    margin: 0 auto .3rem;
}
.tip>a:nth-child(1){
    float: left;
    color: white;
}
.tip>a:nth-child(2){
    float: right;
    color: white;

}
.button{
    width: 30%;
    float: right;
}
.sign{
    width: 100%;
    height: 2rem;
    background-color: #7d0000;
    border: none;
    color: white;
    letter-spacing: 1rem;
    font-size: 1rem;
    margin-top: 1rem;
}
.di{
    height: 1rem;
    width: 100%;
    text-align: center;
}
.di-img{
    width: 80%;
    height: 1px;
}
.xia{
    bottom: 0;
    position: fixed!important;
    width: 100%!important;
}
.xia>p{
    text-align: center;
    font-size: .8rem;
    color: white;
}
.other{
    height: 6rem;
    width: 80%;
    margin: auto;
}
.other div img{
    width: 32%;
}
.qq, .wx {
    width: 40%;
    height: 100%;
    text-align: center;
}
.qq{
    float: left;
    padding-top: 1rem;
}
.wx{
    float: right;
    padding-top: 1rem;
}